import { SplitCellsOutlined, ShoppingCartOutlined , ShopOutlined ,
     HomeOutlined ,UserSwitchOutlined,TeamOutlined  ,FileTextOutlined 
     ,LineChartOutlined ,BarChartOutlined ,PieChartOutlined 
    } from '@ant-design/icons';
import React from 'react';

const config = [
    {
        key:'/home',
        icon:< HomeOutlined/>,
        title:'首页'

    },
    {
        key:'/product',
        icon:<ShopOutlined />,
        title:'商品',
        children:[
            {
                key:'/product/category',
                icon:<SplitCellsOutlined />,
                title:'品类管理'
        
            },
            {
                key:'/product/commodity',
                icon:<ShoppingCartOutlined />,
                title:'商品管理'
            }
        ]

    },
    {
        key:'/user',
        icon:<UserSwitchOutlined />,
        title:'用户管理'
    },
    {
        key:'/roles',
        icon:<TeamOutlined />,
        title:'角色管理'
    },
    {
        key:'/charts',
        icon:<FileTextOutlined />,
        title:'图形图表',
        children:[
            {
                key:'/charts/pie',
                icon:<PieChartOutlined />,
                title:'饼状图'
            },
            {
                key:'/charts/line',
                icon:<LineChartOutlined />,
                title:'折线图'
            },
            {
                key:'/charts/bar',
                icon:<BarChartOutlined />,
                title:'柱状图'
            }
        ]
    }

]

export default config
/* 
格式[{
    key:''//路由地址和组件的key
    icon: //组件使用的图标
    title: //组件的标题
    children: //组件的子菜单，这一项是可变项
},

]

*/